<!DOCTYPE html>
<html>
	<head>

		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="./js/layui/css/layui.css" media="all" />
		<script type="text/javascript" src="./js/layui/layui.js"></script>
		<script type="text/javascript" src="./js/demo.js">

		</script>

	</head>


	<fieldset id="">
		<legend class="layui-btn">信息维护</legend>
		
			
			<div class="layui-form-item">
				<div class="layui-input-block">
					<button type="javascript:" class="layui-btn" onclick="add()" id ="buttonadd">添加人员信息</button>
					
				</div>
			</div>
		


		<form action="" method="post" class="layui-form">

			<div class="layui-form-item">
				<label class="layui-form-label" >姓名</label>
				<div class="layui-input-block">
					<input type="text" name="name"  placeholder="请输入姓名" class="layui-input" style="width: 7.5rem;" id="select_name">
				</div>
			</div>

			<div style="layui-form-item">
				<label class="layui-form-label">城市</label>
				<div class="layui-input-block" style="width:6.25rem ;">
					<select name="address" id="address_select2" >
						<option value="北京">北京</option>
						<option value="上海">上海</option>
						<option value="广州">广州</option>
						<option value="厦门">厦门</option>
						<option value="福州">福州</option>
						<option value="青岛">青岛</option>
						<option value="济南">济南</option>
						<option value="深圳">深圳</option>
						<option value="天津">天津</option>
						<option value="三亚">三亚</option>
						<option value="杭州">杭州</option>
						<option value="成都">成都</option>
						<option value="郑州">郑州</option>
						<option value="济南">济南</option>
						<option value="潍坊">潍坊</option>
					</select>
				</div>
			</div>
   
			<div class="layui-form-item">
				<div class="layui-input-block">
		             <button type="button" type="javascript:" class="layui-btn" onclick="select()" id ="selectidd">搜索</button>
				</div>
			</div>

			
				
			<table class="layui-table",sstyle="width=99%">
				<thead>
					<tr >
						<th style="width: 9.375rem;">ID</th>
						<th style="width: 9.375rem;">姓名</th>
						<th style="width: 9.375rem;">性别</th>
						<th style="width: 9.375rem;">生日</th>
						<th style="width: 14.375rem;">爱好</th>
						<th style="width: 14.375rem;">地址</th>
						<th style="width: 9.375rem;">操作</th>
					</tr>
				</thead>

				<tbody id="tbody">
					
				</tbody>
				
				
			</table>
		</form>

	</fieldset>
	
	
	
	<!-- html -->
	<script type="text/html" id="tanchu">
	<form class="layui-form" action="" method="post">
		<div class="layui-form-item" id ="nameidv">
			<label class="layui-form-label">姓名</label>
			<div class="layui-input-block">
				<input type="text" name="name"  required="required" placeholder="请输入姓名" class="layui-input" id="nameid">
			</div>
		</div>
		
		
		<div class="layui-form-item" id="sexdiv">
			<label class="layui-form-label" >性别</label>
			<div class="layui-input-block">
				<input type="radio" name="sex" value="男" title="男" id="sexid1" >
				<input type="radio" name="sex" value="女" title="女" id="sexid2">
			</div>
		</div>
		<div class="layui-form-item" id="bitday">
			<label class="layui-form-label" >生日</label>
			<div class="layui-input-block">
				<input type="text" id ="birthid" title="生日" placeholder="请输入生日" name= "birth"  class="layui-input">
			
			</div>
		</div>
		
	<div class="layui-form-item" id ="hobbitdiv">
		<label class="layui-form-label">爱好</label>
		<div class="layui-input-block">
			<input type="checkbox" value="跑步" title="跑步" name="habbitN" id="habbit1">
			<input type="checkbox" value="游泳" title="游泳" name="habbitN" id="habbit2">
			<input type="checkbox" value="羽毛球" title="羽毛球" name="habbitN" id="habbit3">
		</div>
	</div>	
	<div class="layui-form-item">
		<label class="layui-form-label" id ="city_id" >城市</label>
		<div class="layui-input-block" style="width: 7.5rem;">
			<select name="address" id="address_select1" >
				<option value="北京">北京</option>
				<option value="上海">上海</option>
				<option value="广州">广州</option>
				<option value="厦门">厦门</option>
				<option value="福州">福州</option>
				<option value="青岛">青岛</option>
				<option value="济南">济南</option>
				<option value="深圳">深圳</option>
				<option value="天津">天津</option>
				<option value="三亚">三亚</option>
				<option value="杭州">杭州</option>
				<option value="成都">成都</option>
				<option value="郑州">郑州</option>
				<option value="济南">济南</option>
				<option value="潍坊">潍坊</option>
			</select>	
		</div>
	</div>
	
		
		<div class="layui-form-item">
			<div class="layui-input-block">
			<input  style="width: 7.5rem;" value="确定" id="nameid" class="layui-btn" />
			 <input type="reset"   value="重置" id="resetid" class="layui-btn"/> 
			

			</div>
		</div>
		
	</form>
		
	</script>

     <script type="text/text" id = "tradd">
	  <tr id="tr{{d.idd}}" name="trname{{d.idd}}">
     	<td id="tdI{{ d.idd}}">{{ d.idd}}</td>
     	<td id="tdN{{ d.idd}}">{{ d.name}}</td>
     	<td id="tdS{{ d.idd}}">{{ d.sex}}</td>
     	<td id="tdB{{ d.idd}}">{{ d.age}}</td>
     	<td id="tdH{{ d.idd}}">{{ d.habbit}}</td>
     	<td id="tdA{{ d.idd}}">{{ d.address}}</td>
		<td id ="tde{{d.idd}}">
		<a href="javascript: testdel({{d.idd}});" class="layui-btn layui-icon-delete" >删除</a>
		<a href="javascript:testupd({{d.idd}});" class="layui-btn " >修改</a>
		</td>
      </tr>
     	
     </script>
	


</html>
